/* 去除默认滚动条效果 */
::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

.vh100 {
	height: 100vh
}

.fc {
	margin: 0 auto;
}

/* flex */

.flex {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.flex0 {
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-webkit-flex-shrink: 0;
	flex-grow: 0;
	flex-shrink: 0;
}

.flex1 {
	width: 1rpx;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-webkit-flex-shrink: 1;
	flex-grow: 1;
	flex-shrink: 1;
}

.flex2 {
	width: 1rpx;
	-webkit-box-flex: 2;
	-webkit-flex-grow: 2;
	-webkit-flex-shrink: 2;
	flex-grow: 2;
	flex-shrink: 2;
}

.flex3 {
	width: 1rpx;
	-webkit-box-flex: 3;
	-webkit-flex-grow: 3;
	-webkit-flex-shrink: 3;
	flex-grow: 3;
	flex-shrink: 3;
}

.flex4 {
	width: 1rpx;
	-webkit-box-flex: 4;
	-webkit-flex-grow: 4;
	-webkit-flex-shrink: 4;
	flex-grow: 4;
	flex-shrink: 4;
}

.flex5 {
	width: 1rpx;
	-webkit-box-flex: 5;
	-webkit-flex-grow: 5;
	-webkit-flex-shrink: 5;
	flex-grow: 5;
	flex-shrink: 5;
}

.flex6 {
	width: 1rpx;
	-webkit-box-flex: 6;
	-webkit-flex-grow: 6;
	-webkit-flex-shrink: 6;
	flex-grow: 6;
	flex-shrink: 6;
}

.flex7 {
	width: 1rpx;
	-webkit-box-flex: 7;
	-webkit-flex-grow: 7;
	-webkit-flex-shrink: 7;
	flex-grow: 7;
	flex-shrink: 7;
}

.flex8 {
	width: 1rpx;
	-webkit-box-flex: 8;
	-webkit-flex-grow: 8;
	-webkit-flex-shrink: 8;
	flex-grow: 8;
	flex-shrink: 8;
}

.flex9 {
	width: 1rpx;
	-webkit-box-flex: 9;
	-webkit-flex-grow: 9;
	-webkit-flex-shrink: 9;
	flex-grow: 9;
	flex-shrink: 9;
}

.flex10 {
	width: 1rpx;
	-webkit-box-flex: 10;
	-webkit-flex-grow: 10;
	-webkit-flex-shrink: 10;
	flex-grow: 10;
	flex-shrink: 10;
}

.middle {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.omiddle {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex_center {
	/* 左右对齐 */
	justify-content: center
}

.flex_left {
	display: flex;
	justify-content: left;
	align-items: center;
}

.flex_middle {
	/* 上下对齐 */
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.flex_start {
	/* 上对齐 */
	align-items: flex-start;
}

.flex_end {
	/* 下对齐 */
	align-items: flex-end;
}

.flex_wrap {
	/*超出换行*/
	flex-wrap: wrap;
}

.flex_nowrap {
	/*超出换行*/
	flex-wrap: nowrap;
}

.flex_start {
	/* 起点对齐 */
	align-items: flex-start
}

.flex_end {
	/* 结尾对齐 */
	align-items: flex-end
}

.flex_stretch {
	align-items: stretch
}

.flex_shu {
	display: flex;
	flex-direction: column;
}

.flex_be {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.flex_ao {
	display: flex;
	align-items: center;
	justify-content: space-around
}


.flex_0 {
	flex: 0
}

.flex_1 {
	flex: 1
}



/* 元素 */
.block {
	display: block;
}

.inline {
	display: inline;
}

.inline_block {
	display: inline-block
}

.radius100 {
	border-radius: 100%;
}

/* 不透明度  */

.opacity0 {
	opacity: 0;
}

.opacity10 {
	opacity: 0.1;
}

.opacity20 {
	opacity: 0.2;
}

.opacity30 {
	opacity: 0.3;
}

.opacity40 {
	opacity: 0.4;
}

.opacity50 {
	opacity: 0.5;
}

.opacity60 {
	opacity: 0.6;
}

.opacity70 {
	opacity: 0.7;
}

.opacity80 {
	opacity: 0.8;
}

.opacity90 {
	opacity: 0.9;
}

.opacity100 {
	opacity: 1;
}

/* 阴影*/
.shadow {
	box-shadow: 0rpx 0rpx 8rpx #D5D6D8;
}

/* 超出隐藏 */
.hidden {
	overflow: hidden
}

.scroll {
	overflow: scroll
}

/* 定位 */
.top0 {
	top: 0;
}

.bottom0 {
	bottom: 0;
}

.left0 {
	left: 0;
}

.right0 {
	right: 0;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
}

/* 居左右中 */
.al {
	text-align: left;
}

.ac {
	text-align: center;
}

.ar {
	text-align: right;
}

.fb {
	font-weight: bold;
}

.of {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.of2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/*  显示两行文本  */
	line-clamp: 2;
	/*  新版浏览器支持  */
	max-height: 100rpx;
	/*  根据你的字体大小和行高调整  */
}

.of3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	/*  显示两行文本  */
	line-clamp: 3;
	/*  新版浏览器支持  */
	max-height: 150rpx;
	/*  根据你的字体大小和行高调整  */
}

.of4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	/*  显示两行文本  */
	line-clamp: 4;
	/*  新版浏览器支持  */
	max-height: 200rpx;
	/*  根据你的字体大小和行高调整  */
}

/* 文字颜色 */
.color_white {
	color: #fff;
}

.color_black {
	color: #000;
}


.color_red {
	color: #ff3824;
}

.color_orange {
	color: #ff9600;
}

.color_yellow {
	color: #fbbd08;
}

.color_green {
	color: #39b54a;
}

.color_olive {
	color: #8dc63f;
}

.color_blue {
	color: #0076ff;
}

.color_cyan {
	color: #1cbbb4;
}

.color_purple {
	color: #6614c2;
}

.color_pink {
	color: #ff2851;
}

.color_brown {
	color: #a5673f;
}


/* 背景色*/
.bg_white {
	background-color: #fff;
}

.bg_black {
	background-color: #000;
	color: #fff;
}

.bg_red {
	background-color: #ff3824;
	color: #fff;
}

.bg_orange {
	background-color: #ff9600;
	color: #fff;
}

.bg_yellow {
	background-color: #fbbd08;
	color: #fff;
}

.bg_green {
	background-color: #39b54a;
	color: #fff;
}

.bg_olive {
	background-color: #8dc63f;
	color: #fff;
}

.bg_blue {
	background-color: #0076ff;
	color: #fff;
}

.bg_cyan {
	background-color: #1cbbb4;
	color: #fff;
}

.bg_purple {
	background-color: #6614c2;
	color: #fff;
}

.bg_pink {
	background-color: #ff2851;
	color: #fff;
}

.bg_brown {
	background-color: #a5673f;
	color: #fff;
}

.bg_f8f8f8 {
	background-color: #f8f8f8;
}

.color_111 {
	color: #111;
}

.color_222 {
	color: #222;
}

.color_333 {
	color: #333;
}

.color_444 {
	color: #444;
}

.color_555 {
	color: #555;
}

.color_666 {
	color: #666;
}

.color_777 {
	color: #777;
}

.color_888 {
	color: #888;
}

.color_999 {
	color: #999;
}


/* 边框 */

.border_t {
	border-top-width: 2rpx;
	border-top-style: solid;
	border-color: #DEDEDE;
}

.border_r {
	border-right-width: 2rpx;
	border-right-style: solid;
	border-color: #DEDEDE;
}

.border_b {
	border-bottom-width: 2rpx;
	border-bottom-style: solid;
	border-color: #DEDEDE;
}

.border_l {
	border-left-width: 2rpx;
	border-left-style: solid;
	border-color: #DEDEDE;
}

.border_a {
	border-width: 2rpx;
	border-style: solid;
	border-color: #DEDEDE;
}

.border_white {
	border-color: #fff;
}

.border_black {
	border-color: #000;
}


/* 清除浮动 */
.clear:before,
.clear:after {
	content: " ";
	display: table;
}


.clear:after {
	clear: both;
}

.event {
	pointer-events: none;
}

/* 底部安全距离 */
.area {
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}

.marea {
	margin-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}

.barea {
	bottom: env(safe-area-inset-bottom);
}

.father0 {
	display: flex;
	flex-direction: column;
	flex: 1;
	box-sizing: content-box;
}

.father1 {
	overflow: scroll;
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}

.father2 {
	overflow: scroll;
	display: flex;
	flex-direction: column;
	flex: 1;
	box-sizing: content-box;
}

.box {
	box-sizing: border-box;
}

/* 图片默认加上auto */
image {
	height: auto;
	width: auto;
}

div {
	box-sizing: border-box;
}

view {
	box-sizing: border-box;
}

.uni-tabbar-bottom {
	display: none
}

.space {
	white-space: nowrap;
}

.uni-app--showtabbar uni-page-wrapper {
	height: 100% !important;
}

.uni-app--showtabbar uni-page-wrapper::after {
	display: none;
}

.u-tabbar__placeholde {
	padding-bottom: env(safe-area-inset-bottom);
}